<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 给女朋友打电话


        // 1. 首先先有电话        先有ajax对象 
        // 2. 知道对方的手机号码  拨号   知道对方的地址 拨号 
        // 3. 告诉对方要干嘛        发送请求  告诉对方要干嘛
        // 4. 等对方的回复          等待回复 接收消息 

        // 1. 首先ajax对象 

        const xhr = new XMLHttpRequest();

        ///2. 知道对方的地址  
        // 第一个参数  请求方式  
        //  get post   ....

        // 第二个参数  请求地址
        // 第三个参数  是否是异步请求
        xhr.open('get','http://localhost:8888/test/first',true);

        // 拨号  给对方说话
        xhr.send() 

        // 4. 等待对方的回复 
        // 配置一个请求完成事件  当请求完成的时候 会触发这个事件
        // 回复的信息 存在xhr.responseText中
        xhr.onload = function() {
            alert(xhr.responseText);
        }

        // 上面是 异步请求   
        // 可以按照 1234  也可以  1243
    </script>
</body>
</html>